<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>

						<p:messages id="msg" />

								<p:dataTable value="#{multifamiliaView.clienteModel}"
									id="cliente" var="cliente"
									selection="#{multifamiliaView.selectedClientePadre}"
									paginator="true" rows="10">

									<f:facet name="header">
							            Cliente Padre
						               </f:facet>

									<p:column selectionMode="single" style="width:2%" />

									<p:column filterBy="#{cliente.nombreEmpresa}"
										sortBy="#{cliente.nombreEmpresa}">
										<f:facet name="header">
											<h:outputText value="Nombre Empresa" />
										</f:facet>
										<h:outputText value="#{cliente.nombreEmpresa}" />
									</p:column>

									<p:column filterBy="#{cliente.idPersona}"
										sortBy="#{cliente.idPersona}">
										<f:facet name="header">
											<h:outputText value="Identifiación Persona" />
										</f:facet>
										<h:outputText value="#{cliente.idPersona}" />
									</p:column>

									<p:column filterBy="#{cliente.tipoCartera}"
										sortBy="#{cliente.tipoCartera}">
										<f:facet name="header">
											<h:outputText value="Tipo Cartera" />
										</f:facet>
										<h:outputText value="#{cliente.tipoCartera}" />
									</p:column>

									<p:column filterBy="#{cliente.estadoRegistro}"
										sortBy="#{cliente.estadoRegistro}">
										<f:facet name="header">
											<h:outputText value="Estado Registro" />
										</f:facet>
										<h:outputText value="#{cliente.estadoRegistro}" />
									</p:column>
									
									<f:facet name="footer">

									<p:commandButton id="viewButton" value="Asignar"
										action="#{multifamiliaView.action_buscar()}"
										icon="ui-icon-pencil" update=":form"
										binding="#{multifamiliaView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

								</p:dataTable>


						<p:dialog id="dialog" header="Detalle Clientes" modal="true"
							widgetVar="singleCarDialog" resizable="false" showEffect="fade"
							hideEffect="explode" closable="false">

							<p:messages id="msg2" />

							<h:panelGrid id="panelBotones" columns="2"
								style="margin: 0 auto;">

								<p:commandButton id="btnGuardar" value="Guardar"
									action="#{multifamiliaView.action_create}"
									binding="#{multifamiliaView.btnSave}" icon="ui-icon-disk"
									update="msg,msg2,panelBotones" />

								<p:commandButton id="btnCerrar" value="Cerrar"
									icon="ui-icon-close" update=":form"
									oncomplete="PF('singleCarDialog').hide()" process="@this"
									actionListener="#{multifamiliaView.action_cerrar()}">
									<p:resetInput target="panel2" />
								</p:commandButton>

							</h:panelGrid>
							<br />

							<p:separator id="separator" />
							
							<h:panelGrid style="margin: 0 auto;"> 
							
							<p:dataTable value="#{multifamiliaView.clienteModel}"
								var="cliente" id="cliente2"
								selection="#{multifamiliaView.selectedClientes}"
								paginator="true" rows="8">

								      <f:facet name="header">
							            Cliente
						               </f:facet>

								<p:column selectionMode="multiple"  style="width:2%" />

								<p:column filterBy="#{cliente.nombreEmpresa}"
									sortBy="#{cliente.nombreEmpresa}">
									<f:facet name="header">
										<h:outputText value="Nombre Empresa" />
									</f:facet>
									<h:outputText value="#{cliente.nombreEmpresa}" />
								</p:column>

								<p:column filterBy="#{cliente.idPersona}"
									sortBy="#{cliente.idPersona}">
									<f:facet name="header">
										<h:outputText value="Identifiación Persona" />
									</f:facet>
									<h:outputText value="#{cliente.idPersona}" />
								</p:column>

								<p:column filterBy="#{cliente.tipoCartera}"
									sortBy="#{cliente.tipoCartera}">
									<f:facet name="header">
										<h:outputText value="Tipo Cartera" />
									</f:facet>
									<h:outputText value="#{cliente.tipoCartera}" />
								</p:column>

								<p:column filterBy="#{cliente.estadoRegistro}"
									sortBy="#{cliente.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{cliente.estadoRegistro}" />
								</p:column>

							</p:dataTable>
							
							</h:panelGrid>

						</p:dialog>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>
